<script setup>

import Carousel from '@/components/Carousel.vue'
import postList from '@/components/PostList.vue'

const carouselItems = [
    { image: 'https://prod-alicdn-community.kurobbs.com/forum/ba67f68785254250bda37773304db9b420250303.jpg', },
    { image: 'https://prod-alicdn-community.kurobbs.com/forum/61cf78c51e8a407aadefab74d35df8b420250303.jpg', },
    { image: 'https://prod-alicdn-community.kurobbs.com/forum/b430cc62664b4acd802eb8b5a1b1ea2920250303.jpg' },
    { image: 'https://prod-alicdn-community.kurobbs.com/forum/f660ee94ec4e42ea934a217d1c1fdc2620250303.jpg' },
    { image: 'https://prod-alicdn-community.kurobbs.com/forum/561d2918735b46af9bc642c5216a309620250303.jpg' }
]
</script>

<template>

   

    <div class="Carousel">
        <Carousel :items="carouselItems" />
    </div>

    <!-- 贴子列表 -->
    <div class="postList">
        <postList></postList>
    </div>


</template>

<style scoped lang="scss">


.Carousel {
    margin-top: 80px;
    padding: 20px 0;
}

.postList {
    margin-top: 20px;
    width: 800px;
    padding: 20px;
    margin: 10px auto;
    background-color: #fff;
    border-radius: 8px;
}
</style>
